﻿@{
    ViewBag.Title = Model.siteName+" - Đăng nhập";
    ViewBag.Description = Model.htmlDescription;
    ViewBag.Keywords = Model.htmlKeywords;
}
@model BDShop.Models.LoginModel
<!--Left Part-->
@Html.Partial("Partial/_LeftAccMenu", null)
<!--Left End-->
<!--Middle Part Start-->
<div id="content">
    <!--Breadcrumb Part Start-->
    <div class="breadcrumb"><a href="/">Trang chủ</a> » <a href="/thong-tin-tai-khoan.html">Tài khoản</a> » <a href="#">Đăng nhập</a> </div>
    <!--Breadcrumb Part End-->
    <h1>Đăng nhập</h1>
    <div class="login-content">
        <div class="left">
            <h2>Khách hàng mới</h2>
            <div class="content">
                <p><b>Đăng ký tài khoản</b></p>
                <p>Khi đăng ký tài khoản quý khách có thể mua sắm nhanh hơn, quản lý danh sách các sản phẩm đã mua, sản phẩm yêu thích.</p>
                <a class="button" href="/dang-ky.html">Đăng ký</a>
            </div>
        </div>
        <div class="right">
            <h2>Đã có tài khoản</h2>
            @using (Html.BeginForm("Login", "Account", new { returnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { id = "frmLogin" }))
            {@Html.AntiForgeryToken()
                <div class="content">
                   @Html.ValidationSummary(true, "", new { @class = "error" })<br />
                    <b>Tên đăng nhập:</b><br>
                    <input type="text" value="" name="username">
                   <br />
                                <label id="username-error" class="error valid" for="username"></label>
                    <br>
                    <br>
                    <b>Mật khẩu:</b><br>
                    <input type="password" value="" name="password">
                   <br />
                                <label id="password-error" class="error valid" for="password"></label>
                    <br>
                    <a href="/quen-mat-khau.html">Quên mật khẩu</a><br>
                    <br>
                    <input type="submit" class="button" value="Đăng nhập">
                </div>
            }
        </div>
    </div>
</div>
<!--Middle Part End-->
<div class="clear"></div>

<script>

    $("#frmLogin").validate({
        rules: {
            username: {
                required: true
            },
            password: {
                required: true
            }
        },
        messages: {
            username: "Vui lòng cung cấp tên đăng nhập.",
            password: "Vui lòng cung cấp mật khẩu."
        }
    });
</script>
